<div class="febs-container" id="sypqProject-edit">
    <div class="febs-body febs-open-body    layui-fluid"  lay-title="查看项目">
        <form class="layui-form" action="" lay-filter="sypqProject-edit-form">
            <div class="layui-card">
                <div class="layui-card-body">
            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs6">
                        <label class="layui-form-label   febs-form-item-require">项目编码:</label>
                        <div class="layui-input-block">
                            <input type="text" name="projectCode"  class="febs-hide">
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${sypqProject.projectCode}"></div>
                        </div>
                    </div>

                    <div class="layui-col-xs6">
                        <label class="layui-form-label febs-form-item-require">项目名称:</label>
                        <div class="layui-input-block">
                            <!--                    <input type="text" name="projectName" autocomplete="off" class="layui-input layui-input-borderless"-->
                            <!--                           maxlength="90">-->
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${sypqProject.projectName}"></div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs12">
                        <label class="layui-form-label febs-form-item-require">项目经理:</label>
                        <div class="layui-input-block">
                            <!--                        <input type="text" name="managers" autocomplete="off"-->
                            <!--                               class="layui-input layui-input-borderless">-->
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${sypqProject.managers}"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs6">
                        <label class="layui-form-label febs-form-item-require">项目审批人:</label>
                        <div class="layui-input-block">
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${sypqProject.auditor}"></div>
                            <!-- <input type="text" name="auditor" autocomplete="off" class="layui-input layui-input-borderless">-->
                        </div>
                    </div>

                    <div class="layui-col-xs6">
                        <label class="layui-form-label febs-form-item-require">客 户:</label>
                        <div class="layui-input-block">
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${sypqProject.custName}"></div>
                            <!--   <input type="text" name="custName" id="custName" readonly class="layui-input">-->
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs6">
                        <label class="layui-form-label">联 系 人:</label>
                        <div class="layui-input-block">
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${sypqProject.contact}"></div>
                            <!--                            <input type="text" name="contact" id="contact" readonly class="layui-input">-->
                        </div>
                    </div>

                    <div class="layui-col-xs6">
                        <label class="layui-form-label">联系方式:</label>
                        <div class="layui-input-block">
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${sypqProject.telephone}"></div>
                            <!--                            <input type="text" name="telephone" id="telephone" readonly class="layui-input">-->
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs12">
                        <label class="layui-form-label ">试验要求:</label>
                        <div class="layui-input-block" style="height: 60px;">
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${sypqProject.testDemand}"></div>
                            <!--                                <textarea placeholder="请输入试验要求" class="layui-textarea" name="testDemand"-->
                            <!--                                          maxlength="4000">-->
                            <!--                                </textarea>-->
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-md6 layui-inline">
                        <label class="layui-form-label ">期望开始时间:</label>
                        <div class="layui-input-block">
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${#dates.format(sypqProject.expectStartdate,'yyyy-MM-dd HH:mm')==null?'':
                                  #dates.format(sypqProject.expectStartdate,'yyyy-MM-dd HH:mm')}"></div>
                        </div>
                    </div>
                    <div class="layui-col-md6 layui-inline">
                        <label class="layui-form-label ">期望结束时间:</label>
                        <div class="layui-input-block">
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${#dates.format(sypqProject.expectEnddate,'yyyy-MM-dd HH:mm')==null?'':
                                   #dates.format(sypqProject.expectEnddate,'yyyy-MM-dd HH:mm')}"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <label class="layui-form-label ">计划开始时间:</label>
                        <div class="layui-input-block">
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${#dates.format(sypqProject.planStartdate,'yyyy-MM-dd HH:mm')==null?'':
                                   #dates.format(sypqProject.planStartdate,'yyyy-MM-dd HH:mm') }"></div>

                        </div>
                    </div>
                    <div class="layui-col-md6 layui-inline">
                            <label class="layui-form-label">计划结束时间:</label>
                            <div class="layui-input-block">
                                <div class="layui-input-block layui-input-block-html"
                                     th:text="${#dates.format(sypqProject.planEnddate,'yyyy-MM-dd HH:mm')==null?'':
                                    #dates.format(sypqProject.planEnddate,'yyyy-MM-dd HH:mm') }"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-md6 layui-inline">
                        <label class="layui-form-label ">实际开始时间:</label>
                        <div class="layui-input-block">
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${#dates.format(sypqProject.actualStartdate,'yyyy-MM-dd HH:mm')==null?'':#dates.format(sypqProject.actualStartdate,'yyyy-MM-dd HH:mm')}"></div>
                        </div>
                    </div>
                    <div class="layui-col-md6 layui-inline">
                        <label class="layui-form-label ">实际结束时间:</label>
                        <div class="layui-input-block">
                            <div class="layui-input-block layui-input-block-html"
                                 th:text="${#dates.format(sypqProject.actualEnddate,'yyyy-MM-dd HH:mm')==null?'':#dates.format(sypqProject.actualEnddate,'yyyy-MM-dd HH:mm')}"></div>
                        </div>
                    </div>
                </div>
            </div>


            <div>
                <label style="font-size: medium;font-weight: bold">操作记录:</label>
                <div class="febs-table-full">
                    <table lay-filter="workfloswRecordTable" id="workfloswRecordTable'}"
                           lay-data="{id: 'workfloswRecordTable'}"></table>
                </div>
            </div>

            <div id="auditOperator" style="display: none;">
                <label style="font-weight: bold">审核</label>
                <div class="layui-form-item">
                    <label class="layui-form-label febs-form-item-require"  style="width: 80px;">审核结果：</label>
                    <div class="layui-input-block"  style="margin-left: 110px;">
                        <input type="radio" name="auditStatus" title="不通过" value="3">
                        <input type="radio" name="auditStatus" title="通过" value="4" checked>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label"  style="width:80px;">审核意见</label>
                    <div class="layui-input-block"  style="margin-left: 110px;">
                            <textarea name="remark" maxlength="100" class="layui-textarea"
                           style="min-height: 50px;"    placeholder="请输入审批意见"></textarea>
                    </div>
                </div>
            </div>

            <div class="layui-form-item"  style="text-align: center">
                <button class="layui-btn" lay-submit="" lay-filter="sypqProject-edit-form-submit"
                        id="submit">提交</button>
                <button type="reset" class="layui-btn" style="margin-left:20px;"
                        lay-filter="sypqProject-edit-form-reset"   id="reset">关闭
                </button>
            </div>
                </div>
            </div>
        </form>
    </div>
</div>
<!--<th:block th:include="include::foot"/>-->
<script data-th-inline="javascript">
    var sypqProjectData = [[${sypqProject}]];
    var typeData = [[${type}]];
</script>

<script th:src="@{/febs/js/sypq/sypqProject/sypqProjectDetail.js(v=1)}"></script>
<style type="text/css">
    .layui-form-label {
        width: 100px !important;
    }

    .layui-input-block {
        margin-left: 30px !important;
    }

    .layui-table-cell {
        font-size: 12px;
    }
</style>
